<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>部门管理</title>
    <link rel="stylesheet" href="../../component/pear/css/pear.css" />
    <link rel="stylesheet" href="../../admin/css/other/department.css" />
    <link rel="stylesheet" href="../../admin/css/other/console1.css" />
    <link rel="stylesheet" href="../../admin/css/other/console2.css" />
</head>
<style>
    .act {
        background-color: #bdc3c7;
    }
</style>

<body class="pear-container">
    <div class="layui-row layui-col-space15" id="content">
        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-body" style="height:130px;padding:40px">
                    <div class="layui-col-md4" style="padding:15px 0;"><img
                            style="width: 60px;height: 60px;border-radius: 50px;" src="../../admin/images/pachong.png">
                    </div>
                    <div class="layui-col-md8">
                        <p style="font-weight: 900;font-size: 18px;margin-bottom: 10px;">汽车之家-采集</p>
                        <p><span style="color: #bdc3c7; font-size: 14px;">状态：<span
                                    style="color: #e74c3c;font-weight: 900;">未爬取</span></span>
                        </p>
                        <p><span style="color: #bdc3c7; font-size: 14px;">数据条数：0</span></p>
                        <p><span style="color: #bdc3c7; font-size: 14px;">创建时间：2021-1-24</span></p>

                    </div>
                    <div class=" layui-col-md12" style="margin-top: 10px;">
                        <a href="javascript:;" data-id="1" class="pear-btn pear-btn-primary pear-btn-xs pear-reply data"
                            style="margin-right: 250px;">查看数据</a>
                        <a href="javascript:;" data-id="1" class="pear-btn  pear-btn-xs pear-reply get"
                            style="margin-right: 100px;background-color: rgb(1, 170, 237);color: white;">爬取</a>
                        <a href="javascript:;" data-id="1"
                            class="pear-btn pear-btn-primary pear-btn-xs pear-reply predict"
                            style="margin-right: 50px;">预测</a>
                        <a href="javascript:;" data-id="1"
                            class="pear-btn pear-btn-danger pear-btn-xs pear-reply">删除</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-body" style="height:130px;padding:40px">
                    <div class="layui-col-md4" style="padding:15px 0;"><img
                            style="width: 60px;height: 60px;border-radius: 50px;" src="../../admin/images/pachong.png">
                    </div>
                    <div class="layui-col-md8">
                        <p style="font-weight: 900;font-size: 18px;margin-bottom: 10px;">易车网-买车更放心-采集</p>
                        <p><span style="color: #bdc3c7; font-size: 14px;">状态：<span
                                    style="color: #01AAED;font-weight: 900;">未预测</span></span>
                        </p>
                        <p><span style="color: #bdc3c7; font-size: 14px;">数据条数：1576</span></p>
                        <p><span style="color: #bdc3c7; font-size: 14px;">创建时间：2021-2-14</span></p>
                    </div>
                    <div class=" layui-col-md12" style="margin-top: 10px;">
                        <a href="javascript:;" data-id="1" class="pear-btn pear-btn-primary pear-btn-xs pear-reply data"
                            style="margin-right: 250px;">查看数据</a>
                        <a href="javascript:;" data-id="1" class="pear-btn  pear-btn-xs pear-reply get"
                            style="margin-right: 100px;background-color: rgb(1, 170, 237);color: white;">爬取</a>
                        <a href="javascript:;" data-id="1"
                            class="pear-btn pear-btn-primary pear-btn-xs pear-reply predict"
                            style="margin-right: 50px;">预测</a>
                        <a href="javascript:;" data-id="1"
                            class="pear-btn pear-btn-danger pear-btn-xs pear-reply">删除</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-body" style="height:130px;padding:40px">
                    <div class="layui-col-md4" style="padding:15px 0;"><img
                            style="width: 60px;height: 60px;border-radius: 50px;" src="../../admin/images/pachong.png">
                    </div>
                    <div class="layui-col-md8">
                        <p style="font-weight: 900;font-size: 18px;margin-bottom: 10px;">懂车帝-看车价真实-采集</p>
                        <p><span style="color: #bdc3c7; font-size: 14px;">状态：<span
                                    style="color: #36B368;font-weight: 900;">已预测</span></span>
                        </p>
                        <p><span style="color: #bdc3c7; font-size: 14px;">数据条数：7542</span></p>
                        <p><span style="color: #bdc3c7; font-size: 14px;">爬取时间：一天前</span></p>
                    </div>
                    <div class=" layui-col-md12" style="margin-top: 10px;">
                        <a href="javascript:;" data-id="1" class="pear-btn pear-btn-primary pear-btn-xs pear-reply data"
                            style="margin-right: 250px;">查看数据</a>
                        <a href="javascript:;" data-id="1" class="pear-btn  pear-btn-xs pear-reply get"
                            style="margin-right: 100px;background-color: #01AAED;color: white;">爬取</a>
                        <a href="javascript:;" data-id="1"
                            class="pear-btn pear-btn-primary pear-btn-xs pear-reply predict"
                            style="margin-right: 50px;">预测</a>
                        <a href="javascript:;" data-id="1"
                            class="pear-btn pear-btn-danger pear-btn-xs pear-reply">删除</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-body" style="height:130px;padding:40px">
                    <div class="layui-col-md4" style="padding:15px 0;"><img
                            style="width: 60px;height: 60px;border-radius: 50px;" src="../../admin/images/pachong.png">
                    </div>
                    <div class="layui-col-md8">
                        <p style="font-weight: 900;font-size: 18px;margin-bottom: 10px;">汽车之家-采集</p>
                        <p><span style="color: #bdc3c7; font-size: 14px;">状态：<span
                                    style="color: #36B368;font-weight: 900;">已预测</span></span>
                        </p>
                        <p><span style="color: #bdc3c7; font-size: 14px;">数据条数：1742</span></p>
                        <p><span style="color: #bdc3c7; font-size: 14px;">爬取时间：一天前</span></p>
                    </div>
                    <div class=" layui-col-md12" style="margin-top: 10px;">
                        <a href="javascript:;" data-id="1" class="pear-btn pear-btn-primary pear-btn-xs pear-reply data"
                            style="margin-right: 250px;">查看数据</a>
                        <a href="javascript:;" data-id="1" class="pear-btn  pear-btn-xs pear-reply get"
                            style="margin-right: 100px;background-color: rgb(1, 170, 237);color: white;">爬取</a>
                        <a href="javascript:;" data-id="1"
                            class="pear-btn pear-btn-primary pear-btn-xs pear-reply predict"
                            style="margin-right: 50px;">预测</a>
                        <a href="javascript:;" data-id="1"
                            class="pear-btn pear-btn-danger pear-btn-xs pear-reply">删除</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md4" style="display: none;" id="new">
            <div class="layui-card">
                <div class="layui-card-body" style="height:130px;padding:40px">
                    <div class="layui-col-md4" style="padding:15px 0;"><img
                            style="width: 60px;height: 60px;border-radius: 50px;" src="../../admin/images/pachong.png">
                    </div>
                    <div class="layui-col-md8">
                        <p style="font-weight: 900;font-size: 18px;margin-bottom: 10px;">新爬取</p>
                        <p id="newinfo"><span style="color: #bdc3c7; font-size: 14px;">状态：<span
                                    style="color: #e74c3c;font-weight: 900;">未爬取</span></span>
                        </p>
                        <p><span style="color: #bdc3c7; font-size: 14px;">数据条数：32</span></p>
                        <p><span style="color: #bdc3c7; font-size: 14px;" id="time">爬取时间：未爬取</span></p>
                    </div>
                    <div class=" layui-col-md12" style="margin-top: 10px;">
                        <a href="javascript:;" data-id="1" class="pear-btn pear-btn-primary pear-btn-xs pear-reply data"
                            style="margin-right: 250px;">查看数据</a>
                        <a href="javascript:;" data-id="1" class="pear-btn  pear-btn-xs pear-reply get"
                            style="margin-right: 100px;background-color: rgb(1, 170, 237);color: white;">爬取</a>
                        <a href="javascript:;" data-id="1"
                            class="pear-btn pear-btn-primary pear-btn-xs pear-reply predict"
                            style="margin-right: 50px;">预测</a>
                        <a href="javascript:;" data-id="1"
                            class="pear-btn pear-btn-danger pear-btn-xs pear-reply">删除</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md4">
            <div class="layui-card" id="add">
                <div class="layui-card-body" style="height:190px;padding: 10px;">
                    <!-- <div style="border: 4px #36B368 dashed;height: 170px;"> -->
                    <p style="text-align: center; ">
                        <i class="layui-icon layui-icon-add-circle-fine"
                            style="font-size: 100px;color: #36B368;line-height: 180px;font-weight: 600;"></i>
                    </p>
                    <!-- </div> -->
                </div>
            </div>
        </div>
    </div>
    <script src="../../component/layui/layui.js"></script>
    <script src="../../component/pear/pear.js"></script>
    <script>
        const host = "http://localhost/LSTM_car_comment/public/";
        layui.use(['table'], function () {
            var $ = layui.jquery;
            var set = false;
            var get = false;
            var predict = false;
            $('#add').click(function () {
                // window.location.href = "../../view/document/step.html"
                top.layui.tab.addTabOnlyByElem("content", { id: "1121", title: "爬取设置", url: "./step.html", close: "允许关闭" });
                set = true;
                $("#new").attr('class', 'layui-col-md4');
                $("#new").css('display', 'block');
            });
            $('.predict').click(function () {
                // window.location.href = "../../view/document/step.html"
                top.layui.tab.addTabOnlyByElem("content", { id: "1121", title: "评论预测", url: "view/console/console1.html", close: "允许关闭" });
                predict = true;
                $("#newinfo").html('<span style="color: #bdc3c7; font-size: 14px;">状态：<span style = "color: #36B368;font-weight: 900;" > 已预测</span ></span >');
            });
            $('.data').click(function () {
                // window.location.href = "../../view/document/step.html"
                if (!predict) {
                    top.layui.tab.addTabOnlyByElem("content", { id: "1121", title: "数据展示", url: "view/document/tablenotheme.html", close: "允许关闭" });
                } else {
                    top.layui.tab.addTabOnlyByElem("content", { id: "1121", title: "数据展示", url: "view/document/table.html", close: "允许关闭" });
                }
            });
            $('.get').click(function () {
                window.add();
                get = true;
                $.get(host + 'web/search/setSearchDate', function () { });
                $("#newinfo").html('<span style="color: #bdc3c7; font-size: 14px;">状态：<span style = "color: #01AAED;font-weight: 900;" > 未预测</span ></span >');
                $("#time").html('爬取时间：刚刚');
            });
            window.add = function () {
                layer.open({
                    type: 2,
                    title: '新增',
                    shade: 0.1,
                    area: ['450px', '500px'],
                    content: '../system/operate/add.html'
                });
            }

        });
    </script>
</body>